<template>
  <div>
    <h4>游戏咨询详情-rest</h4>
    <p>{{ detail.title }}</p>
    <div v-html="detail.content"></div>
  </div>
</template>

<script>
import $ from "jquery";
export default {
  data() {
    return {
      detail: {},
    };
  },
  methods: {
    loadGameDetail(id) {
      $.get(
        "http://139.196.82.122:8080/api/v1/index/article",
        {
          // 通过对象规则为jquery的get方法提供参数，jquery会自动完成 ? 格式参数拼接
          id: id,
        },
        (result) => {
          // 判断
          // console.log(result);
          this.detail = result.data;
        }
      );
    },
  },
  created() {
    console.log(this.$route);
    // 通过路由信息对象的params属性，可以获取参数对象
    console.log(this.$route.params);
    console.log(this.$route.params.id);
    this.loadGameDetail(this.$route.params.id);
  },
};
</script>
